<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <title>计量申报</title>
</head>
<body>
        <section class="content-header">
            <h1>
                <label>管理系统</label> <small>计量申报</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="/userController/index"><i
                        class="fa fa-home"></i>首页</a></li>
        		<li><a href="javascript:;">合同管理</a></li>
                <li class="active">计量申报管理</li>
            </ol>
        </section>

        <section class="content">
            <div class="box box-success lastBox">
                <div class="box-header with-border">
                    <div class="form-inline">
                        <div class="form-group">
                            <label>所属规划：</label>
                            <select id="planProjClass" name="planProjClass" class="form-control select2">

                            </select>
                        </div>

                        <div class="form-group">
                            <label>建设单位：</label>
                            <select id="orgId" name="orgId" class="form-control select2">

                            </select>
                        </div>
                        <!--
                            <div class="form-group">
                                <label>项目名称：</label>
                                <input type="text"  id="searchProjectName" name="searchProjectName" class="form-control" placeholder="请输入项目名称"/>
                            </div>-->

                        <div class="form-group">
                            <label>实施项目：</label>
                            <select  id="implProjectId" name="implProjectId" class="form-control select2"></select>
                            <!--<div class="input-group">-->
                            <!--<input type="text" class="form-control" disabled="disabled" id="projuectOut"/>-->
                            <!--<input type="text" class="hidden" id="belongPlan">-->
                            <!--<span class="input-group-btn">-->
                            <!--<button class="btn btn-default" type="button"  id="projectBtn" ><i class="fa fa-search"></i></button>-->
                            <!--</span>-->
                            <!--</div>-->
                        </div>
                            <!-- <div class="form-group">
                                <label>合同编号：</label>
                                <input type="text"  id="contractNo" name="contractNo" class="form-control" placeholder="请输入合同编号"/>
                            </div>
                            <div class="form-group">
                                <label>合同名称：</label>
                                <input type="text"  id="contractName" name="contractName" class="form-control" placeholder="请输入合同名称"/>
                            </div> -->
                            <div class="form-group search-top-right-btn">
                                <!--<button id="search-btn" type="submit" class="btn btn-info search " data-toggle="tooltip" value="" style="display:none;">
                                    <i class="fa fa-search"></i> 查询
                                </button>-->
                                <button id="btn_add" type="button" class="btn btn-info">
                                    <i class="fa fa-plus"></i> 增加
                                </button>
                                <!--<button id="btn_reset" type="button" class="btn btn-info">
                                    <i class="fa fa-refresh"></i> 重置
                                </button>-->
                           </div>
                    </div>

                </div>
                <div class="box-body">
                    <div class="">
                        <table id="measureList"></table>
                    </div>
                </div>
            </div>
        </section>

        <div class="modal fade" id="contractItemModal" role="dialog" aria-labelledby="contractItemModalLabel" aria-hidden="true" >
            <div class="modal-dialog modal-lg ">
                <div class="modal-content">
                    <form role="form" id="contractItemForm">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="purchasePlanModalLabel">
                                计量申报
                            </h4>
                        </div>
                        <div class="modal-body row">
                            <input id="declareId" class="hidden"/>
                            <input id="total" class="hidden"/>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>所属规划：</label>
                                            <select id="planProjClassList" name="planProjClassList" class="form-control select2">
                                            </select>
                                        </div>
                                    </div>
                            		<div class="col-md-4">
		                                <div class="form-group">
		                                    <label for="orgNameList" class="control-label">建设单位</label>
		                                    <select id="orgNameList" name="orgNameList" class="form-control select2"></select>
		                                </div>
	                                </div>
                            		<div class="col-md-4">
		                                <div class="form-group">
		                                    <label for="implProjectList" class="control-label">实施项目</label>
		                                    <select id="implProjectList" name="implProjectList" class="form-control select2"></select>
		                                </div>
	                                </div>
                            		<div class="col-md-4">
			                            <div class="form-group">
			                                <label for="contractList" class="control-label">合同名称</label>
			                                <select id="contractList" name="contractList" class="form-control select2"></select>
			                            </div>
	                                </div>
                            <div class="col-md-12">
		                            <div class="form-group">
		                                <label for="contractClauseList" class="control-label">支付条款</label>
		                                <!-- <select id="contractClauseList" name="contractClauseList" class="form-control select2"></select> -->
		                                <textarea class="form-control" rows="4"  id="contractClauseList" disabled="disabled"></textarea>
		                            </div>
                            </div>
                            <div class="col-md-12">
                            	<table id="editList"></table>
                            </div>
                            <!-- <div class="col-md-6">
		                            <div class="form-group">
		                                <label for="contractItemList" class="control-label">合同分项</label>
		                                <select id="contractItemList" name="contractItemList" class="form-control select2">
		                                </select>
		                            </div>
                            </div>
                            <div class="col-md-6">
	                            <div class="form-group">
	                                <label for="amount" class="control-label">数量</label>
	                                <input id="amount" type="text" class="form-control" name="amount"/>
	                            </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                <label for="unitPrice" class="control-label">金额</label>
                                <input id="unitPrice" type="text" class="form-control" name="unitPrice"/>
                            </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="availableAmount" class="control-label">可申请金额</label>
                                    <input id="availableAmount" type="text" class="form-control" name="availableAmount"/>
                                </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                <label for="paymentRatio" class="control-label">支付比例</label>
                                <input id="paymentRatio" type="text" class="form-control" name="paymentRatio"/>
                            </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="payment" class="control-label">支付金额</label>
                                    <input id="payment" type="text" class="form-control" name="payment"/>
                                </div>
                            </div>
                            <div class="col-md-12">
	                            <div class="form-group">
	                                <label for="description" class="control-label">备注</label>
	                                <textarea id="description" name="description" class="form-control" rows="3" placeholder="请输入备注" ></textarea>
	                            </div>
                            </div> -->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                取消
                            </button>
                            <!-- <button type="button" class="btn btn-primary" id="ensureBtn">
                                保存
                            </button> -->
                        </div>
                    </form>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        
        <!--明细-->
<div class="modal fade" id="detailModal">
  <div class="modal-dialog modal-lg myModal_lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">明细</h4>
      </div>
      <div class="modal-body">
      	<div class="box box-default">
	        <div class="box-header with-border">
	          <div class="row">
	          	<div class="col-md-6">
	          		<div>实施项目名称：<label id="detailImpleProjName"></label></div>
	          	</div>
	          	<div class="col-md-6">
	          		<div>合同名称：<label id="detailContractName"></label></div>
	          	</div>
	          	<div class="col-md-12">
	          		<div>支付条款：<label id="searchContractClauseName"></label></div>
	          	</div>
	          </div>
	        </div>
	        <div class="box-body">
	        	<table id="detailList"></table>
	        </div>
	      </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
</div>
        <div class="modal fade" id="contractClauseDetail" >
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 id="vContractClauseDetailName" class="descriptionName"></h4>
                    </div>
                    <div class="modal-body">
                        <p id="vContractClauseDetailNameContent" class="description">
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <script th:src="@{/js/pub-lib/plugins/daterangepicker/moment.js}"></script>
        <script th:src="@{/js/pub-lib/plugins/daterangepicker/daterangepicker.js}"></script>
        <script th:src="@{/js/pub-lib/plugins/select2/select2.full.min.js}"></script>
        <script th:src="@{/js/pub-lib/plugins/easyui/jquery.easyui.min.mylocal.js}"></script>
        <script th:src="@{/js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.js}"></script>
        <script type="text/javascript" th:src="@{/js/our-lib/commpent/project2unit2itemcommpent.js}"></script>
  		<script type="text/javascript" th:src="@{/js/our-lib/commpent/project2unit2itemcommpent.js}"></script>
        <script th:src="@{/js/our-lib/measureReport/measureReport.js}"></script>


</body>
</html>
